<html lang="en" class="">

<head>
    <meta charset="UTF-8">
    <title>Alex个人简历</title>
    <link rel="stylesheet" href="static/css/style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/remodal/1.1.0/remodal.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/remodal/1.1.0/remodal-default-theme.min.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/remodal/1.1.0/remodal.min.js"></script>
    <script src="static/js/script.js"></script>
    <style>
        .portrait{
            position: relative;
            overflow: hidden;
        }
        .portrait img {
            position: absolute;
            left: 0;
            top: -10px;
            width: 100%;
        }
    </style>
</head>

<body style="padding-right: 0px;">
    <div class="container" id="cv" style="    height: 1550px;">
        <div class="side" style="    height: 1550px;">
            <div class="me">
                <div class="portrait">
                    <img src="http://www.photoexpress.com.cn/ReadImage.aspx?buf=0&type=%2BbbbQTqQAIHFRNF`mgUkUHJfDAu6Smtg1ZNvIwKH2IyT1xN61eM=" alt="">
                </div>
                <h1 id="username" contenteditable="true">Alex</h1>
                <h4 id="persona-tag" contenteditable="true">html / 前端开发</h4>
            </div>
            <div class="profile info-unit">
                <h2 class="info-header">
                    <i class="iconfont icon-person"></i>
                    <span class="info-title" contenteditable="true">基本信息</span>
                </h2>
                <hr>
                <ul class="info-list">
                    <li>
                        <label class="left-label" contenteditable="true">姓名</label><span class="label-value"
                            contenteditable="true">柳伟超</span><span class="item-remove"><i
                                class="iconfont icon-delete"></i></span><span class="item-remove"><i
                                class="iconfont icon-delete"></i></span></li>
                    <li>
                        <label class="left-label" contenteditable="true">学历</label><span class="label-value"
                            contenteditable="true">大专</span><span class="item-remove" style="visibility: hidden;"><i
                                class="iconfont icon-delete"></i></span><span class="item-remove"
                            style="visibility: hidden;"><i class="iconfont icon-delete"></i></span></li>

                    <li>
                        <label class="left-label" contenteditable="true">
                            <p class="MsoNormal" contenteditable="true"><span
                                    style="mso-spacerun:'yes';font-family:华康圆体W5;font-size:10.5000pt;mso-font-kerning:1.0000pt;">专业</span>
                            </p>
                        </label><span class="label-value" contenteditable="true">计算机网络</span><span class="item-remove"
                            style="visibility: hidden;"><i class="iconfont icon-delete"></i></span><span
                            class="item-remove" style="visibility: hidden;"><i class="iconfont icon-delete"></i></span>
                    </li>
                    <li>
                        <label class="left-label" contenteditable="true">毕业年份</label><span class="label-value"
                            contenteditable="true">2013</span><span class="item-remove" style="visibility: hidden;"><i
                                class="iconfont icon-delete"></i></span><span class="item-remove"
                            style="visibility: hidden;"><i class="iconfont icon-delete"></i></span></li>
                    <li>
                        <label class="left-label" contenteditable="true">经验</label><span class="label-value"
                            contenteditable="true">6年</span><span class="item-remove" style="visibility: hidden;"><i
                                class="iconfont icon-delete"></i></span></li>
                </ul>
            </div>
            <div class="contact info-unit">
                <h2 class="info-header"><i class="iconfont icon-call"></i> <span class="info-title"
                        contenteditable="true">联系方式</span><span class="item-add" style="visibility: hidden;"><i
                            class="iconfont icon-playlistadd"></i></span><span class="unit-remove"
                        style="visibility: hidden;"><i class="iconfont icon-delete"></i></span></h2>
                <hr>
                <ul class="info-list">
                    <li>
                        <label class="left-label" contenteditable="true">手机</label><span class="label-value"
                            contenteditable="true">13824741779</span><span class="item-remove"><i
                                class="iconfont icon-delete"></i></span></li>
                    <li>
                        <label class="left-label" contenteditable="true">邮箱</label><span class="label-value"
                            contenteditable="true">270253535@qq.com</span><span class="item-remove"><i
                                class="iconfont icon-delete"></i></span></li>
                    <li>
                        <label class="left-label" contenteditable="true">Github</label><span class="label-value"
                            contenteditable="true">https://github.com/liuweichao</span><span class="item-remove"><i
                                class="iconfont icon-delete"></i></span></li>
                </ul>
            </div>
            <div class="stack info-unit">
                <h2 class="info-header"><i class="iconfont icon-build"></i> <span class="info-title"
                        contenteditable="true">技术栈</span><span class="item-add"><i
                            class="iconfont icon-playlistadd"></i></span><span class="unit-remove"><i
                            class="iconfont icon-delete"></i></span></h2>
                <hr>
                <ul class="stack-list">
                    <li>
                        <label class="left-label" contenteditable="true">前端</label><span class="label-value"
                            contenteditable="true">React、Vue、Typescript、Mobx、Electron、CSS3、Webpack、ES6</span><span
                            class="item-remove"><i class="iconfont icon-delete"></i></span><span class="item-remove"><i
                                class="iconfont icon-delete"></i></span></li>

                    <li>
                        <label class="left-label" contenteditable="true">后端</label><span class="label-value"
                            contenteditable="true">NodeJS、Egg.js、Koa、Express、MongoDB 、Redis、MySQL</span><span
                            class="item-remove"><i class="iconfont icon-delete"></i></span></li>

                    <li>
                        <label class="left-label" contenteditable="true">其它</label><span class="label-value"
                            contenteditable="true">git、VSCode、webstrom、sublime</span><span class="item-remove"><i
                                class="iconfont icon-delete"></i></span></li>

                </ul>
            </div>

            <div class="aboutme info-unit right-paragraph">
                <h2 class="info-header"><i class="iconfont icon-flower"></i> <span class="info-title"
                        contenteditable="true">自我描述</span><span class="unit-remove" style="visibility: hidden;"><i
                            class="iconfont icon-delete"></i></span><span class="unit-remove"><i
                            class="iconfont icon-delete"></i></span></h2>
                <hr>
                <ol style="outline: 0px; padding: 0px 0px 0px 2em; list-style-position: initial; list-style-image: initial; color: rgb(85, 85, 85); font-family: "
                    hiragino="" sans="" gb",="" "microsoft="" yahei"="" ,="" simsun,="" arial,="" "helvetica="" neue"=""
                    helvetica;="" font-size:="" 14px;="" background-color:="" rgb(250,="" 250,="" 250);"="">
                    <li style="outline: 0px; padding: 0px;">
                        <p style="outline: 0px; padding: 0px;" contenteditable="true">
                            接触过【Hybrid应用】【NodeJS前后台】【桌面端应用】【H5移动端项目】等多种不同类型项目的开发，对前端大数据量的性能优化，有一定的实战基础
                        </p>
                    </li>
                    <li style="outline: 0px; padding: 0px;">
                        <p style="outline: 0px; padding: 0px;" contenteditable="true">
                            本人，热爱学习，喜欢分享，看过《JavaScript高级程序开发》《JavaScript设计模式与开发实践》《css揭秘》《JavaScript语音精髓》等书籍
                        </p>
                    </li>
                    <li style="outline: 0px; padding: 0px;">
                        <p style="outline: 0px; padding: 0px;" contenteditable="true">
                            熟练使用JavaScript的设计模式，如单例模式，策略模式，观察者模式，装饰者模式</p>
                    </li>
                    <li style="outline: 0px; padding: 0px;">
                        <p style="outline: 0px; padding: 0px;" contenteditable="true">熟练使用less，sass，postcss等css预处理器</p>
                    </li>
                    <li style="outline: 0px; padding: 0px;">
                        <p style="outline: 0px; padding: 0px;" contenteditable="true">
                            了解，后台的建表，SQL查询，无限极分类，权限管理，查询，并发，缓存，静态化</p>
                    </li>
                </ol>
            </div>
        </div>
        <div class="main">

            <div class="work info-unit right-list">
                <h2 class="info-header"><i class="iconfont icon-work"></i> <span class="info-title"
                        contenteditable="true">工作经历</span><span class="item-add"><i
                            class="iconfont icon-playlistadd"></i></span><span class="unit-remove"><i
                            class="iconfont icon-delete"></i></span></h2>
                <hr>

                <ul class="experience-list">
                    <li>
                        <h3 contenteditable="true">360金融（2019.4 - 至今）</h3>
                        <ol
                            style="outline: 0px; padding: 0px 0px 0px 2em; list-style-position: initial; list-style-image: initial; color: rgb(85, 85, 85); font-family: &quot;Hiragino Sans GB&quot;, &quot;Microsoft Yahei&quot;, SimSun, Arial, &quot;Helvetica Neue&quot;, Helvetica; font-size: 14px; background-color: rgb(250, 250, 250);">
                            <li style="outline: 0px; margin-bottom: 0px; padding: 0px;">
                                <p style="outline: 0px; padding: 0px;" contenteditable="true">负责360借条，360地推销售端APP开发</p>
                                <span class="item-remove"><i class="iconfont icon-delete"></i></span>
                            </li>
                            <li style="outline: 0px; margin-bottom: 0px; padding: 0px;">
                                <p style="outline: 0px; padding: 0px;" contenteditable="true">负责Hybrid，JSBridge的通讯，资源包的打包和构建</p>
                                <span class="item-remove"><i class="iconfont icon-delete"></i></span>
                            </li>
                            <li style="outline: 0px; margin-bottom: 0px; padding: 0px;">
                                <p style="outline: 0px; padding: 0px;" contenteditable="true">使用Eggjs + redis + mysql + mongoDB，构建前端错误的收集统计系统</p>
                                <span class="item-remove"><i class="iconfont icon-delete"></i></span>
                            </li>
                            <li style="outline: 0px; margin-bottom: 0px; padding: 0px;">
                                <p style="outline: 0px; padding: 0px;" contenteditable="true">
                                    使用Typescript，React，Mobx，NodeJS进行开发</p>
                                <span class="item-remove"><i class="iconfont icon-delete"></i></span>
                            </li>
                        </ol>
                        <p contenteditable="true"></p>
                    </li>

                    <li>
                        <h3 contenteditable="true">深圳市法本信息技术股份有限公司（2017.6 - 2019.4）</h3>
                        <ol
                            style="outline: 0px; padding: 0px 0px 0px 2em; list-style-position: initial; list-style-image: initial; color: rgb(85, 85, 85); font-family: &quot;Hiragino Sans GB&quot;, &quot;Microsoft Yahei&quot;, SimSun, Arial, &quot;Helvetica Neue&quot;, Helvetica; font-size: 14px; background-color: rgb(250, 250, 250);">
                            <li style="outline: 0px; margin-bottom: 0px; padding: 0px;">
                                <p style="outline: 0px; padding: 0px;" contenteditable="true">负责金融证券，交易系统的前端开发</p>
                                <span class="item-remove"><i class="iconfont icon-delete"></i></span>
                            </li>
                            <li style="outline: 0px; margin-bottom: 0px; padding: 0px;">
                                <p style="outline: 0px; padding: 0px;" contenteditable="true">前端通过node +
                                    mocha，测试后台接口的可靠性，和数据的对比</p>
                                <span class="item-remove"><i class="iconfont icon-delete"></i></span>
                            </li>
                            <li style="outline: 0px; margin-bottom: 0px; padding: 0px;">
                                <p style="outline: 0px; padding: 0px;" contenteditable="true">通过文件的形式，进行自动化下单和校验</p>
                                <span class="item-remove"><i class="iconfont icon-delete"></i></span>
                            </li>
                            <li style="outline: 0px; margin-bottom: 0px; padding: 0px;">
                                <p style="outline: 0px; padding: 0px;" contenteditable="true">
                                    使用Typescript，React，Mobx，Electron进行开发</p>
                                <span class="item-remove"><i class="iconfont icon-delete"></i></span>
                            </li>
                        </ol>
                        <p contenteditable="true"></p>
                        <span class="item-remove"><i class="iconfont icon-delete"></i></span>
                    </li>

                    <li>
                        <h3 contenteditable="true">广州市金革网络科技有限公司（2015.4 - 2017.6）</h3>
                        <ol
                            style="outline: 0px; padding: 0px 0px 0px 2em; list-style-position: initial; list-style-image: initial; color: rgb(85, 85, 85); font-family: &quot;Hiragino Sans GB&quot;, &quot;Microsoft Yahei&quot;, SimSun, Arial, &quot;Helvetica Neue&quot;, Helvetica; font-size: 14px; background-color: rgb(250, 250, 250);">
                            <li style="outline: 0px; margin-bottom: 0px; padding: 0px;">
                                <p style="outline: 0px; padding: 0px;" contenteditable="true">负责公司的内部销售系统的前端开发</p>
                                <span class="item-remove" style="visibility: hidden;"><i
                                        class="iconfont icon-delete"></i></span>
                            </li>
                            <li style="outline: 0px; margin-bottom: 0px; padding: 0px;">
                                <p style="outline: 0px; padding: 0px;" contenteditable="true">微信活动和小游戏的开发，jssdk的使用，真机调试
                                </p>
                                <span class="item-remove" style="visibility: hidden;"><i
                                        class="iconfont icon-delete"></i></span>
                            </li>
                            <li style="outline: 0px; margin-bottom: 0px; padding: 0px;">
                                <p style="outline: 0px; padding: 0px;" contenteditable="true">
                                    广州市长大厦，后台系统，pc和微信端的预定系统，进行开发
                                </p>
                                <span class="item-remove" style="visibility: hidden;"><i
                                        class="iconfont icon-delete"></i></span>
                            </li>
                            <li style="outline: 0px; margin-bottom: 0px; padding: 0px;">
                                <p style="outline: 0px; padding: 0px;" contenteditable="true">
                                    使用es5，vue.js，jQuery，es6，css3进行开发</p>
                                <span class="item-remove" style="visibility: hidden;"><i
                                        class="iconfont icon-delete"></i></span>
                            </li>
                        </ol>
                        <p contenteditable="true"></p>
                        <span class="item-remove" style="visibility: hidden;"><i
                                class="iconfont icon-delete"></i></span>
                    </li>
                </ul>
            </div>
            <div class="project info-unit right-list">
                <h2 class="info-header"><i class="iconfont icon-project"></i> <span class="info-title"
                        contenteditable="true">项目经验</span><span class="item-add" style="visibility: hidden;"><i
                            class="iconfont icon-playlistadd"></i></span><span class="unit-remove"
                        style="visibility: hidden;"><i class="iconfont icon-delete"></i></span></h2>
                <hr>
                <ul class="experience-list">
                    <li>
                        <h3 contenteditable="true">360地推销售端APP【Hybrid应用】</h3>
                        <ol
                            style="outline: 0px; padding: 0px 0px 0px 2em; list-style-position: initial; list-style-image: initial; color: rgb(85, 85, 85); font-family: &quot;Hiragino Sans GB&quot;, &quot;Microsoft Yahei&quot;, SimSun, Arial, &quot;Helvetica Neue&quot;, Helvetica; font-size: 14px; background-color: rgb(250, 250, 250);">
                            <li style="outline: 0px; margin-bottom: 0px; padding: 0px;">
                                <p style="outline: 0px; padding: 0px;" contenteditable="true">
                                    地推销售人员和管理者一同使用的移动端APP软件
                                </p>
                                <span class="item-remove" style="visibility: hidden;"><i
                                        class="iconfont icon-delete"></i></span>
                            </li>
                            <li style="outline: 0px; margin-bottom: 0px; padding: 0px;">
                                <p style="outline: 0px; padding: 0px;" contenteditable="true">
                                    技术栈，Typescript，React，Mobx，Webpack
                                </p>
                                <span class="item-remove" style="visibility: hidden;"><i
                                        class="iconfont icon-delete"></i></span>
                            </li>
                            <li style="outline: 0px; margin-bottom: 0px; padding: 0px;">
                                <p style="outline: 0px; padding: 0px;" contenteditable="true">
                                    webpack，开启了【import动态加载】【tree shaking】【split chunk】对代码进行拆分
                                </p>
                                <span class="item-remove" style="visibility: hidden;"><i
                                        class="iconfont icon-delete"></i></span>
                            </li>
                            <li style="outline: 0px; margin-bottom: 0px; padding: 0px;">
                                <p style="outline: 0px; padding: 0px;" contenteditable="true">
                                    使用Eslint 和 Commitlint，统一代码的样式和Git Message的提交规范
                                </p>
                                <span class="item-remove" style="visibility: hidden;"><i
                                        class="iconfont icon-delete"></i></span>
                            </li>
                            <li style="outline: 0px; margin-bottom: 0px; padding: 0px;">
                                <p style="outline: 0px; padding: 0px;" contenteditable="true">
                                    使用rem进行移动端的适配，通过PxToRem插件，提示开发的效率
                                </p>
                                <span class="item-remove" style="visibility: hidden;"><i
                                        class="iconfont icon-delete"></i></span>
                            </li>
                            <li style="outline: 0px; margin-bottom: 0px; padding: 0px;">
                                <p style="outline: 0px; padding: 0px;" contenteditable="true">
                                    Hybrid，增量包的构建和JSBridge的通讯
                                </p>
                                <span class="item-remove" style="visibility: hidden;"><i
                                        class="iconfont icon-delete"></i></span>
                            </li>
                            <li style="outline: 0px; margin-bottom: 0px; padding: 0px;">
                                <p style="outline: 0px; padding: 0px;" contenteditable="true">
                                    本地开发环境，使用Koa + Mockjs + 配置文件，方便开发人员自定义mock数据提升跟后台联调的效率</p>
                                <span class="item-remove"><i class="iconfont icon-delete"></i></span>
                            </li>
                        </ol>
                        <p contenteditable="true"></p>
                        <span class="item-remove" style="visibility: hidden;"><i
                                class="iconfont icon-delete"></i></span>
                    </li>

                    <li>
                        <h3 contenteditable="true">360金融前端信息统计系统【前后台】</h3>
                        <ol
                            style="outline: 0px; padding: 0px 0px 0px 2em; list-style-position: initial; list-style-image: initial; color: rgb(85, 85, 85); font-family: &quot;Hiragino Sans GB&quot;, &quot;Microsoft Yahei&quot;, SimSun, Arial, &quot;Helvetica Neue&quot;, Helvetica; font-size: 14px; background-color: rgb(250, 250, 250);">
                            <li style="outline: 0px; margin-bottom: 0px; padding: 0px;">
                                <p style="outline: 0px; padding: 0px;" contenteditable="true">
                                    平均日PV访问量为200w，日UV访问量为100w
                                </p>
                                <span class="item-remove" style="visibility: hidden;"><i
                                        class="iconfont icon-delete"></i></span>
                            </li>
                            <li style="outline: 0px; margin-bottom: 0px; padding: 0px;">
                                <p style="outline: 0px; padding: 0px;" contenteditable="true">
                                    前端技术栈: vue, Axios, Echarts
                                </p>
                                <span class="item-remove" style="visibility: hidden;"><i
                                        class="iconfont icon-delete"></i></span>
                            </li>
                            <li style="outline: 0px; margin-bottom: 0px; padding: 0px;">
                                <p style="outline: 0px; padding: 0px;" contenteditable="true">
                                    后端技术栈：eggjs + redis(队列和缓存) + mysql,mongoDB（持久层）
                                </p>
                                <span class="item-remove" style="visibility: hidden;"><i
                                        class="iconfont icon-delete"></i></span>
                            </li>
                            <li style="outline: 0px; margin-bottom: 0px; padding: 0px;">
                                <p style="outline: 0px; padding: 0px;" contenteditable="true">
                                    开发H5-SDK，给别的系统调用收集统计信息，包含3大模块，1.performance暴露出来统计信息 2.错误的监听 3.请求资源时间的统计
                                </p>
                                <span class="item-remove" style="visibility: hidden;"><i
                                        class="iconfont icon-delete"></i></span>
                            </li>
                            <li style="outline: 0px; margin-bottom: 0px; padding: 0px;">
                                <p style="outline: 0px; padding: 0px;" contenteditable="true">
                                    MySQL使用分区表，来优化大数据量的删除和查询
                                </p>
                                <span class="item-remove" style="visibility: hidden;"><i
                                        class="iconfont icon-delete"></i></span>
                            </li>
                        </ol>
                        <p contenteditable="true"></p>
                        <span class="item-remove" style="visibility: hidden;"><i
                                class="iconfont icon-delete"></i></span>
                    </li>

                    <li>
                        <h3 contenteditable="true">金融券商交易系统【桌面端应用】</h3>
                        <ol
                            style="outline: 0px; padding: 0px 0px 0px 2em; list-style-position: initial; list-style-image: initial; color: rgb(85, 85, 85); font-family: &quot;Hiragino Sans GB&quot;, &quot;Microsoft Yahei&quot;, SimSun, Arial, &quot;Helvetica Neue&quot;, Helvetica; font-size: 14px; background-color: rgb(250, 250, 250);">
                            <li style="outline: 0px; margin-bottom: 0px; padding: 0px;">
                                <p style="outline: 0px; padding: 0px;" contenteditable="true">
                                    交易系统，实时性要求比较高，需要通过websocket连接，通过心跳检查，主题订阅，消息的时序检查，确保交易系统的高效和正确性
                                </p>
                                <span class="item-remove" style="visibility: hidden;"><i
                                        class="iconfont icon-delete"></i></span>
                            </li>
                            <li style="outline: 0px; margin-bottom: 0px; padding: 0px;">
                                <p style="outline: 0px; padding: 0px;" contenteditable="true">
                                    开发前端的SDK，对交易数据进行处理和打包，再通过websoket的send方法，发送给后台，需要前后台建立统一的字典文件Dicts<br
                                        style="outline: 0px; padding: 0px;"></p>
                                <span class="item-remove" style="visibility: hidden;"><i
                                        class="iconfont icon-delete"></i></span>
                            </li>
                            <li style="outline: 0px; margin-bottom: 0px; padding: 0px;">
                                <p style="outline: 0px; padding: 0px;" contenteditable="true">
                                    Electron，使用web worker，提供高性能，压包，解包，数据去重，文件扫描，序列化转换，频率控制等，线程通讯，
                                </p>
                                <span class="item-remove" style="visibility: hidden;"><i
                                        class="iconfont icon-delete"></i></span>
                            </li>
                            <li style="outline: 0px; margin-bottom: 0px; padding: 0px;">
                                <p style="outline: 0px; padding: 0px;" contenteditable="true">
                                    使用了BroadcastChannel，postMessage，messageChannel，高级API，优化线程之间的通讯传输<br
                                        style="outline: 0px; padding: 0px;"></p>
                                <span class="item-remove" style="visibility: hidden;"><i
                                        class="iconfont icon-delete"></i></span>
                            </li>
                            <li style="outline: 0px; margin-bottom: 0px; padding: 0px;">
                                <p style="outline: 0px; padding: 0px;" contenteditable="true">
                                    借鉴react，Fiber的原理，requestidlecallback，requestAnimationFrame,
                                    优化自研的Gird组件，把任务分片，分解渲染进程中引起的卡顿重任务</p>
                                <span class="item-remove" style="visibility: hidden;"><i
                                        class="iconfont icon-delete"></i></span>
                            </li>
                            <li style="outline: 0px; margin-bottom: 0px; padding: 0px;">
                                <p style="outline: 0px; padding: 0px;" contenteditable="true">
                                    通过React的HOC和抽象配置化，优化重构和维护，原来项目较老的组件，使得在频繁的迭代中，变得高可用，和高扩展，如：指令，委托，成交，持仓，账号这四大组件</p>
                                <span class="item-remove" style="visibility: hidden;"><i
                                        class="iconfont icon-delete"></i></span>
                            </li>
                            <li style="outline: 0px; margin-bottom: 0px; padding: 0px;">
                                <p style="outline: 0px; padding: 0px;" contenteditable="true">
                                    错误排查，使用Node的fs模块，在客户端上面落地日志和上传报错信息到服务器进行错误跟踪
                                </p>
                                <span class="item-remove" style="visibility: hidden;"><i
                                        class="iconfont icon-delete"></i></span>
                            </li>
                            <li style="outline: 0px; margin-bottom: 0px; padding: 0px;">
                                <p style="outline: 0px; padding: 0px;" contenteditable="true">
                                    通过Typescript类型检查，和Mobx，定义好交易的需要用的store，通过修改数据，响应式的进行界面内复杂的联通和数据的处理
                                </p>
                                <span class="item-remove" style="visibility: hidden;"><i
                                        class="iconfont icon-delete"></i></span>
                            </li>
                        </ol>
                        <p contenteditable="true"></p>
                        <span class="item-remove" style="visibility: hidden;"><i
                                class="iconfont icon-delete"></i></span>
                    </li>
                    <li>
                        <h3 contenteditable="true">广州市长大厦微信上的预定网站【H5移动端项目】</h3>
                        <ol
                            style="outline: 0px;padding: 0px 0px 0px 2em;list-style-position: initial;list-style-image: initial;color: rgb(85, 85, 85);font-family: &quot;Hiragino Sans GB&quot;, &quot;Microsoft Yahei&quot;, SimSun, Arial, &quot;Helvetica Neue&quot;, Helvetica;font-size: 14px;background-color: rgb(250, 250, 250);">
                            <li style="outline: 0px; margin-bottom: 0px; padding: 0px;">
                                <p style="outline: 0px; padding: 0px; line-height: 26px;" contenteditable="true">
                                    调用微信的jssdk，分享和关注</p>
                                <span class="item-remove" style="visibility: hidden;"><i
                                        class="iconfont icon-delete"></i></span>
                            </li>
                            <li style="outline: 0px; margin-bottom: 0px; padding: 0px;">
                                <p style="outline: 0px; padding: 0px; line-height: 26px;" contenteditable="true">
                                    用rem布局，来适配屏幕和高清屏</p>
                                <span class="item-remove" style="visibility: hidden;"><i
                                        class="iconfont icon-delete"></i></span>
                            </li>
                            <li style="outline: 0px; margin-bottom: 0px; padding: 0px;">
                                <p style="outline: 0px; padding: 0px; line-height: 26px;" contenteditable="true">
                                    使用了css3，flex布局，require.js，vue.js，jQuery开发页面的业务逻辑</p>
                                <span class="item-remove" style="visibility: hidden;"><i
                                        class="iconfont icon-delete"></i></span>
                            </li>
                            <li style="outline: 0px; margin-bottom: 0px; padding: 0px;">
                                <p style="outline: 0px; padding: 0px; line-height: 26px;" contenteditable="true">
                                    通过require.js的模块化，实现业务的模块和后台的接口</p>
                                <span class="item-remove" style="visibility: hidden;"><i
                                        class="iconfont icon-delete"></i></span>
                            </li>
                        </ol>
                        <p contenteditable="true"></p>
                        <span class="item-remove" style="visibility: hidden;"><i
                                class="iconfont icon-delete"></i></span>
                    </li>
                </ul>
            </div>
        </div>
    </div>



    <div class="remodal-overlay remodal-is-closed" style="display: none;"></div>
    <div class="remodal-wrapper remodal-is-closed" style="display: none;"></div>
    <div class="remodal-wrapper remodal-is-closed" style="display: none;"></div>
    <div class="remodal-wrapper remodal-is-closed" style="display: none;"></div>
    <div class="remodal-wrapper remodal-is-closed" style="display: none;"></div>
    <div class="remodal-wrapper remodal-is-closed" style="display: none;"></div>
    <div class="remodal-wrapper remodal-is-closed" style="display: none;"></div>
    <div class="remodal-wrapper remodal-is-closed" style="display: none;">

    </div>
    <div class="remodal-wrapper remodal-is-closed" style="display: none;">

    </div>


    <div class="remodal-wrapper remodal-is-closed" style="display: none;">
        <div class="remodal remodal-img remodal-is-initialized remodal-is-closed" data-remodal-id="portrait-modal"
            tabindex="-1">
            <h3 contenteditable="true">请输入图片URL地址：</h3>
            <br>
            <input type="text" id="avatar-url">
            <button data-remodal-action="confirm" class="remodal-confirm">确定</button>
        </div>
    </div>
    <div class="remodal-wrapper remodal-is-closed" style="display: none;">
        <div class="remodal remodal-img remodal-is-initialized remodal-is-closed" data-remodal-id="weixin-modal"
            tabindex="-1">
            <h3 contenteditable="true">请输入图片URL地址：</h3>
            <br>
            <input type="text" id="weixin-url">
            <button data-remodal-action="confirm" class="remodal-confirm">确定</button>
        </div>
    </div>
</body>

</html>